<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./sgs.css">
</head>

<body>
    <div class="wrap"
        style="background: url(https://sgs-gwk8s.oss-cn-hangzhou.aliyuncs.com/static/pc/dist/img/bg34.png) center top no-repeat;display: block;">
        <div class="main">

            <a href="https://www.sanguosha.com" class="logo">
                <img src="https://sgs-gwk8s.oss-cn-hangzhou.aliyuncs.com/static/pc/dist/img/logo.png?v=20200417"
                    alt="三国杀">
            </a>

            <ul class="nav">
                <li>官网首页</li>
                <li>游戏咨询
                    <ul>
                        <li>综合咨询</li>
                        <li>游戏咨询</li>
                        <li>游戏公告</li>
                        <li>活动公告</li>
                    </ul>
                </li>
                <li>内容中心
                    <ul>
                        <li>武将评测</li>
                        <li>精彩对局</li>
                        <li>三国历史</li>
                        <li>蜀中篇</li>
                    </ul>
                </li>
                <li>精彩活动
                    <ul>
                        <li>校园行</li>
                        <li>乐游服务</li>
                    </ul>
                </li>
                <li>游戏介绍
                    <ul>
                        <li>活动中心</li>
                        <li>游戏攻略</li>
                        <li>非遗传承</li>
                    </ul>
                </li>
                <li>下载专区
                    <ul>
                        <li>微端下载</li>
                        <li>iOS下载</li>
                        <li>安卓下载</li>
                    </ul>
                </li>
                <li>玩家互动
                    <ul>
                        <li>客服中心</li>
                        <li>官方微博</li>
                        <li>OL社区</li>
                        <li>十周年社区</li>
                    </ul>
                </li>
                <li>家长监护
                    <ul>家长监控</ul>
                    <ul>实名认证</ul>
                    <ul>防沉迷</ul>
                    <ul>账号注销</ul>
                </li>
            </ul>

            <div class="container-1">
                <div class="con-left-1">
                    <div class="start"></div>
                    <div class="start-next"></div>
                </div>
                <div class="con-center-1">2</div>
                <div class="con-right-1">
                    <div class="events eve1">1</div>
                    <div class="events eve2">2</div>
                </div>
            </div>

            <div class="container-2">
                <div class="con-left-2">
                    <div class="app-code"></div>
                    <a target="_blank" href="" class="download hvr-float"></a>
                </div>
                <div class="con-center-2">
                    <div class="press">press</div>
                    <div class="novoice">novoice</div>
                </div>
                <div class="con-right-2">3</div>
            </div>

            <div class="container-3">
                <div class="con-left-3">1</div>
                <div class="con-center-3">2</div>
                <div class="con-right-3">3</div>
            </div>

            <div class="container-4">
                <div class="con-left-4 sidebar">side</div>
                <div class="con-right-4">
                    <div></div>
                    <div></div>
                </div>
            </div>

            <div class="container-5">
                <div class="con-left-5">side</div>
                <div class="con-right-5">dawd</div>
            </div>

        </div>
    </div>
</body>

</html>